<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="../font-awesome-4.7.0/css/font-awesome.css"
    />
     <script src="../js/jquery-1.12.4.min.js"></script>
     <script src="../js/index.js"></script>
    <title></title>
  </head>
  <body>
    <div class="box">
      <div class="top_nav">
        <div class="wrap">
          <div class="nav_left">
            餐厅管理
          </div>
          <div class="nav_right">
            <div class="nav_menu">
              <a href="#">
                <i class="fa fa-align-justify" style="font-size: 15px;"></i>
              </a>
            </div>
            <ul class="left">
              <li>
                <i class="fa fa-gear"></i>
                系统管理
              </li>
              <li>
                <i class="fa fa-video-camera"></i>
                系统监控
              </li>
              <li>
                <i class="fa fa-bars"></i>
                系统工具
              </li>
              <li>
                <i class="fa fa-send-o"></i>
                若依官网
              </li>
              <li>
                <i class="fa fa-align-justify" style="font-size: 16px;"></i>
                <i class="fa fa-caret-down" style="font-size: 15px;"></i>
              </li>
            </ul>
            <ul class="right">
              <li id="quit">退出</li>
              <li id="openWin">
                <i class="fa fa-arrows-alt" style="font-size: 16px;"></i>
                全屏
              </li>
              <!-- <li>
                <i class="fa fa-lock" style="font-size: 16px;"></i>
                锁屏
              </li>
              <li>
                <i class="fa fa-question-circle-o" style="font-size: 16px;"></i>
                文档
              </li> -->
            </ul>
          </div>
          <div style="clear: both;"></div>
        </div>
      </div>
      <div
        style="
          
          height: 500px;
          background-color: rgb(27, 83, 131);
          display: inline-block;
        "
      >
        <!-- <div class="user">
          <img src="img/c0d5f.jpg" class="image" />
          <p
            style="
              font-size: 10px;
              color: rgba(255, 255, 255, 1);
              display: inline-block;
              margin-top: 15px;
              margin-left: 10px;
              position: absolute;
            "
          >
            admin
          </p>
          <p
            style="
              font-size: 10px;
              color: rgba(255, 255, 255, 1);
              display: inline-block;
              margin-top: 40px;
              margin-left: 10px;
              position: absolute;
            "
          >
            <i
              class="fa fa-circle"
              style="font-size: 6px; color: rgb(28 132 198);"
            ></i>
            在线
          </p>
          <p
            style="
              font-size: 10px;
              color: rgba(255, 255, 255, 1);
              display: inline-block;
              margin-top: 40px;
              margin-left: 60px;
              position: absolute;
            "
          >
            <i
              class="fa fa-arrow-circle-o-right"
              style="font-size: 6px; color: red;"
            ></i>
            注销
          </p>
        </div> -->
        <div class="left_menu">
          <ul>
            <li>
              <i class="fa fa-user"></i>
              用户管理
            </li>
            <li>
              <i class="fa fa-reorder"></i>
              角色管理
            </li>
            <li>
              <i class="fa fa-reorder"></i>
              菜单管理
            </li>
            <li>
              <i class="fa fa-dedent"></i>
              部门管理
            </li>
            <li>
              <i class="fa fa-address-card-o"></i>
              岗位管理
            </li>
            <li>
              <i class="fa fa-bookmark-o"></i>
              字典管理
            </li>
            <li>
              <i class="fa fa-certificate"></i>
              参数设置
            </li>
            <li>
              <i class="fa fa-bullhorn"></i>
              通知公告
            </li>
            <li>
              <i class="fa fa-edit"></i>
              日志管理
            </li>
          </ul>
        </div>
      </div>
      <div style="position: relative; display: inline-block; margin: 0 auto;">
        <div class="name_password">
         <!-- 查询 --> 
         <div id="put_search">
          <p style="display: inline-block;color: #68be8d;">
            食物名或描述:
            <input type="text" id="put_name" />
          </p>
          <button id="search">搜索</button>
         </div> 


          <div id="box2">
            菜名：
            <input type="text" id="more1" size="10"/>
            价格:
            <input type="text" id="more2" size="10"/>
            描述：
            <input type="text" id="more3" size="10"/>
            类型：
            <input type="text" id="more4" size="10"/>
            <!-- id:
            <input type="text" id="more5" size="10"/> -->
            <button id="more">新增</button>
          </div>


          <div id="table">
             <div class="table_box">
              <div class="table_box_nav">菜名</div>
              <div class="table_box_nav">价格</div>
              <div class="table_box_nav">描述</div>
              <div class="table_box_nav">类型</div>
              <div class="table_box_nav" style="flex:2;">id</div>
              <div class="table_box_nav">操作</div>              
            </div> 
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>              
            </div>
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>             
            </div>
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>      
            </div>
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>              
            </div>
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>             
            </div>
            <div class="table_box">
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content"></div>
              <div class="table_box_content" style="flex:2;"></div>
              <div class="table_box_content">
                <a href="javascript:;" class="del">删除</a>
                <a href="javascript:;" class="change2">修改</a>
              </div>             
            </div>
            <div id="change1" class="table_box">
              <!-- <li></li>
              <li><input type="text" id="change1-1"/></li>
              <li class="ser"><input type="text" id="change1-2"/></li>
              <li><input type="text"id="change1-3" /></li>
              <li><input type="text" id="change1-4"/></li>
              <li>
                <span id="sure">确定</span>
                <span id="chance">取消</span>
              </li> -->
              <div class="table_box_content"><input type="text" id="change1_1" size="16"/></div>
              <div class="table_box_content"><input type="text" id="change1_2" size="16"/></div>
              <div class="table_box_content"><input type="text" id="change1_3" size="16"/></div>
              <div class="table_box_content"><input type="text" id="change1_4" size="16"/></div>
              <div class="table_box_content" style="flex:2;"><input type="text" id="change1_5" size="25"/></div>
              <div class="table_box_content">
                <a href="javascript:;" id="sure">确定</a>
                <a href="javascript:;" id="chance">取消</a>
              </div>   
            </div>
            <div class="btn act">1</div>
            <div class="btn">2</div>
            <div class="btn">3</div>
            <div class="btn">4</div>
            <div class="searchAdd">
                
            </div>
          </div> 
        </div>
      </div>
    </div>
  </body>
</html>
